<template>  
  <view>  
    <!-- 假设这里有一个按钮用于触发添加成绩的操作 -->  
    <button @click="addScores">添加成绩</button>  
  
    <!-- 成绩列表展示 -->  
    <view v-for="(student, index) in scores" :key="student.id" class="score-item">  
      <text>{{ student.name }}: {{ student.score }}</text>  
    </view>  
  </view>  
</template>  
  
<script>  
export default {  
  data() {  
    return {  
      // 假设这是现有的成绩数据  
      scores: [  
        { id: 1, name: 'Alice', score: 92 },  
        { id: 2, name: 'Bob', score: 85 },  
      ],  
  
      // 这是要添加的新成绩数据  
      newScores: [  
        { id: 3, name: 'Charlie', score: 95 },  
        { id: 4, name: 'David', score: 88 },  
      ],  
    };  
  },  
  methods: {  
    addScores() {  
      // 将新成绩添加到现有成绩中  
      this.scores = [...this.scores, ...this.newScores];  
  
      // 如果需要，可以在这里添加将更新后的数据保存到本地或服务器的代码  
      // 例如：uni.setStorageSync('scores', this.scores);  
    },  
  },  
};  
</script>  
  
<style>  
.score-item {  
  /* 成绩项的样式 */  
  margin-top: 10px;  
}  
</style>